.new-footer {
    background: #141a24
}

.new-footer .new-footer-content {
    margin: 0 auto;
    text-align: center
}

.new-footer * {
    box-sizing: border-box;
    line-height: 1
}

.new-footer .footer-hd-con {
    background: #171d29
}

.new-footer .footer-hd {
    margin: 0 auto;
    padding: 40px 0;
    border-bottom: 1px solid #171d29;
    width: 1612px
}

.new-footer .footer-hd .footer-type-tab {
    display: flex;
    margin: 0 0 4px 0px
}

.new-footer .footer-hd .footer-type-tab>li {
    margin: 0 0 0 20px;
    padding: 0 16px;
    height: 33px;
    font-size: 16px;
    color: #c4c4c4;
    line-height: 31px;
    text-align: center;
    border: 1px solid #393f49;
    border-radius: 17px;
    cursor: pointer
}

.new-footer .footer-hd .footer-type-tab>li:first-child {
    margin-left: 0
}

.new-footer .footer-hd .footer-type-tab>li:hover,
.new-footer .footer-hd .footer-type-tab>li.active {
    background: #fff;
    font-weight: bold;
    color: #171d29
}

.new-footer .footer-hd .type-content-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    height: 60px;
    overflow: hidden
}

.new-footer .footer-hd .type-content-list>li {
    margin: 16px 0 0 20px
}

.new-footer .footer-hd .type-content-list>li>a {
    font-size: 14px;
    color: #6a6f78
}

.new-footer .footer-hd .type-content-list>li>a:hover {
    color: #c4c4c4
}

.new-footer .footer-bd {
    padding: 40px 0 24px;
    display: flex;
    border-bottom: 1px solid #0a0d13;
    box-shadow: 0px 1px 0px 0px #242832;
    margin: 0 auto;
    width: 1612px
}

.new-footer .footer-bd .bd-left {
    display: flex
}

.new-footer .footer-bd .bd-left>ul {
    margin-right: 120px
}

.new-footer .footer-bd .bd-left>ul>li {
    margin-bottom: 16px;
    white-space: nowrap;
    text-align: left
}

.new-footer .footer-bd .bd-left>ul>li>a {
    font-size: 14px;
    color: #465060
}

.new-footer .footer-bd .bd-left>ul>li>a:hover {
    color: #c4c4c4
}

.new-footer .footer-bd .bd-left>ul>li:first-child {
    margin-bottom: 24px;
    font-weight: bold;
    color: #6a6f78;
    font-size: 16px
}

.new-footer .footer-bd .bd-left>ul>li:first-child>a {
    font-size: 16px;
    font-weight: bold;
    color: #6a6f78
}

.new-footer .footer-bd .bd-left>ul>li:first-child>a:hover {
    color: #c4c4c4
}

.new-footer .footer-bd .bd-right {
    display: flex;
    margin-left: 86px;
    font-size: 14px;
    color: #465060;
    text-align: center
}

.new-footer .footer-bd .bd-right>div .bg-img {
    margin-bottom: 12px;
    width: 100px;
    height: 100px;
    border-radius: 4px;
}

.new-footer .footer-bd .bd-right>div .bg-img.official-account-img {
    margin-bottom: 12px;
    background-position: -12px -12px
}

.new-footer .footer-bd .bd-right>div .bg-img.small-routine-img {
    background-position: -257px -130px
}

.new-footer .footer-bd .bd-right>div.official-account {
    margin-right: 32px
}

.new-footer .copyright {
    display: block;
    margin: 0 auto;
    padding: 40px 0 24px;
    width: 1612px;
    text-align: left
}

.new-footer .copyright>p {
    margin-bottom: 16px;
    font-size: 12px;
    color: #465060
}

.new-footer .copyright a {
    font-size: 12px;
    color: #465060
}

.new-footer .copyright a:hover {
    color: #c4c4c4
}

@media screen and (max-width: 1720px) {

    .new-footer .new-footer-content .footer-hd,
    .new-footer .new-footer-content .footer-bd,
    .new-footer .new-footer-content .copyright {
        width: 1200px
    }

    .new-footer .footer-bd .bd-right {
        margin-left: 30px
    }

    .new-footer .footer-bd .bd-left>ul {
        margin-right: 70px
    }

    .new-footer .footer-hd .footer-type-tab>li {
        padding: 0 12px;
        margin-left: 16px
    }
}